<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:87:"D:\phpStudy\WWW\freight\public/../application/index\view\personal\business_control.html";i:1522807703;}*/ ?>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/common/css/base.css" />
		<link rel="stylesheet" type="text/css" href="http://www.sucainiu.com/themes/cdn/awesome/font-awesome.4.6.0.css">
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/personal/business_control/css/amazeui.cropper.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/personal/business_control/css/custom_up_img.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/personal/business_control/css/amazeui.min.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/personal/business_control/css/business_control.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/common/css/base.css" />
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/common/css/foundation-datepicker.min.css" />
		<!--日历插件-->
		<script src="__PUBLIC__/static/common/js/jquery-2.1.4min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/common/js/foundation-datepicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/common/js/foundation-datepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			b {
				font-weight: normal;
			}
			
			span {
				cursor: pointer;
			}
			
			input[type="text"] {
				background: #ffffff;
				border: 1px solid #cccccc;
				width: 339px;
				height: 28px;
			}
			
			.up-img-cover {
				width: 64px;
				height: 64px;
				margin-top: 44px;
				cursor: pointer;
			}
			
			.up-img-cover img {
				width: 64px;
				height: 64px;
			}
			
			.a {
				width: 920px;
				float: left;
				border-bottom: 1px solid #dddddd;
				margin-left: 40px;
				padding-bottom: 26px;
			}
		</style>
	</head>

	<body>

		<div class="data">
			<div class="data_left">
				<div id="up-img-touch" style="float: left;margin-right: 24px;" class="up-img-cover">
					<div class="head_mask" id="head_mask"></div>
					<img class="am-circle" alt="点击图片上传" src="__PUBLIC__/static/personal/business_control/images/head_icon.png">

					<div class="up-img-cover" id="up-img-touch" style="display: none;">

					</div>
					<div>

					</div>
				</div>
				<!--图片上传框-->
				<div class="am-modal am-modal-no-btn up-frame-bj " tabindex="-1" id="doc-modal-1">
					<div class="am-modal-dialog up-frame-parent up-frame-radius">
						<div class="am-modal-hd up-frame-header">
							<label>修改头像</label>
							<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
						</div>
						<div class="am-modal-bd  up-frame-body">
							<div class="am-g am-fl" style="cursor: pointer;">
								<div class="am-form-group am-form-file">
									<div class="am-fl">
										<button type="button" class="am-btn am-btn-default am-btn-sm">
              <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
									</div>
									<input type="file" id="inputImage">
								</div>
							</div>
							<div class="am-g am-fl">
								<div class="up-pre-before up-frame-radius">
									<img alt="" src="" id="image">
								</div>
								<div class="up-pre-after up-frame-radius">
								</div>
							</div>
							<div class="am-g am-fl">
								<div class="up-control-btns">
									<span class="am-icon-rotate-left" onclick="rotateimgleft()"></span>
									<span class="am-icon-rotate-right" onclick="rotateimgright()"></span>
									<span class="am-icon-check" id="up-btn-ok" url="ajax.php"></span>
								</div>
							</div>

						</div>
					</div>
				</div>

				<!--加载框-->
				<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
					<div class="am-modal-dialog">
						<div class="am-modal-hd">正在上传...</div>
						<div class="am-modal-bd">
							<span class="am-icon-spinner am-icon-spin"></span>
						</div>
					</div>
				</div>

				<!--警告框-->
				<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
					<div class="am-modal-dialog">
						<div class="am-modal-hd">信息</div>
						<div class="am-modal-bd" id="alert_content">
							成功了
						</div>
						<div class="am-modal-footer">
							<span class="am-modal-btn" id="success-btn">确定</span>
						</div>
					</div>
				</div>

				<div class="data_left_info">
					<div class="left_info" style="margin-bottom: 14px;width: 466px;">
						<p class="info_message" style="font-size: 16px;">您好,<b>某某某</b></p>
						<span class="type_info">(&nbsp;船货代、货主、报关行、车队&nbsp;)</span>
					</div>
					<div class="left_info" style="width: 258px;">
						<!--企业账号-->
						<p class="info_message company_i">所属企业：<b title="某某某有限责任公司">某某某有限责任公司</b>
							<!--员工账号-->
							<!--<p class="info_message">所属企业：<b>某某某有限责任公司</b>-->

						</p>

					</div>

					<div class="left_info" style="width: 258px;">
						<p class="info_message">手机号码：<b>1300014789</b></p>
					</div>
					<div class="left_info">
						<p class="info_message">Email：<b>130****4789@qq.com</b>

						</p>

					</div>
				</div>

			</div>
			<div class="line"></div>
			<div class="data_right">

				<!--员工账号信用-->
				<div class="personal">
					<h2 class="xinyong clearfix">
							<div class="xinyongti">
								账户安全：
							</div>
							<div class="td_three" >
								<h4 class="safe">(&nbsp;保证金：</h4>
							  
							  	<a class="to_pay" href="../data/step/deposit.html">去支付</a>
							  	<h4 class="safe">&nbsp;)</h4>
						</div>
					  	</h2>

				</div>
				<div class="per_href">
					<ul>
						<li>
							<i class="bind"></i>
							<span class="hrf_tit">登录密码 :</span>
							<a class="hrf" href="javascript:;">修改密码</a>
						</li>
						<li>
							<i class="bind"></i>
							<span class="hrf_tit">个人认证 :</span>
							<a class="hrf" href="javascript:;">查看</a>
						</li>
						<li>
							<i class="bind"></i>
							<span class="hrf_tit">手机号码 :</span>
							<a class="hrf" href="javascript:;">修改号码</a>
						</li>
						<li>
							<!--<i class="bind"></i>-->
							<i class="unbind"></i>
							<span class="hrf_tit">Email :</span>
							<a class="mod_hrf" href="javascript:;">绑定邮箱</a>
							<!--<a class="hrf" href="javascript:;">修改邮箱</a>-->
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div class="horse_race">
			<div class="race_tit">
				<i></i>
				<h2>消息通知：</h2>
				<div class="info_box" id="info_box">
					<ul>
						<li class="race_info">员工 — 邢娟 于 2017/12/01 成功发布一条由 NANJING（南京）— XINJIAPO（新加坡）的货盘。</li>
						<li class="race_info">员工 — 李宁里 于 2017/12/01 成功发布一条由 NANJING（南京）— XINJIAPO（新加坡）的货盘。</li>
						<li class="race_info">员工 — 王威 于 2017/12/01 成功发布一条由 NANJING（南京）— XINJIAPO（新加坡）的货盘。</li>
					</ul>

				</div>

			</div>

		</div>
		<div class="order_need">
			<div class="need_tit">
				<div class="need_tit_info">
					<i></i>
					<h2>订单待办提醒</h2>
				</div>

			</div>
			<div class="need_con">
				<ul>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">待确认订单</p>
					</li>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">待配船订单</p>
					</li>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">待通关订单</p>
					</li>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">待收货订单</p>
					</li>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">待评价订单</p>
					</li>
					<li>
						<p class="need_num">6</p>
						<p class="need_info">申请补贴订单</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="data_analysis">
			<div class="data_tit">
				<div class="data_tit_info">
					<i></i>
					<h2>数据分析</h2>
				</div>
			</div>
			<div class="data_con">
				<p class="data_time">默认近一周数据</p>
				<div class="date_box">
					<p class="date_inf">自选时间：</p>
					<div class="date_pick">
						<input type="text" value="" class="laydate-icon date_one" id="business1" readonly/>
						<span>—</span>
						<input type="text" value="" class="laydate-icon date_two" id="business2" readonly/>
						<i id="date_con"></i>
					</div>
					<button class="date_btn"></button>
				</div>
				<ul>
					<li>
						<div class="analysis_tit">
							<div class="analysis_tit_inf">
								<em></em>
								<h3>订单总量</h3>
							</div>
						</div>
						<p class="num_inf">39</p>
						<i></i>
					</li>
					<li>
						<div class="analysis_tit">
							<div class="analysis_tit_inf">
								<em></em>
								<h3>货盘报价</h3>
							</div>
						</div>
						<p class="num_inf">39</p>
						<i></i>
					</li>
					<li>
						<div class="analysis_tit">
							<div class="analysis_tit_inf">
								<em></em>
								<h3>发布货盘</h3>
							</div>
						</div>
						<p class="num_inf">39</p>
						<i></i>
					</li>
					<li>
						<div class="analysis_tit">
							<div class="analysis_tit_inf">
								<em></em>
								<h3>发布货盘</h3>
							</div>
						</div>
						<p class="num_inf">39</p>
						<i></i>
					</li>
				</ul>
			</div>
		</div>
		<div class="account_manage">
			<div class="account_tit">
				<div class="data_tit_info">
					<i></i>
					<h2>账号管理</h2>
				</div>
			</div>
			<div class="account_con">
				<ul>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="李宁里">李宁里</p>
						</div>
					</li>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="李宁李里">李宁李里</p>
						</div>
					</li>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="邢 娟">邢 娟</p>
						</div>
					</li>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="李宁里">李宁里</p>
						</div>
					</li>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="李宁李里">李宁李里</p>
						</div>
					</li>
					<li>
						<div class="con_img">
							<img src="__PUBLIC__/static/personal/business_control/images/head_icon.png" />
							<p class="account_info" title="邢 娟">邢 娟</p>
						</div>
					</li>
					<li>
						<div class="con_img" onclick="location.href='../data/step/staff_authentication.html'">

							<img class="add_img" src="__PUBLIC__/static/personal/business_control/images/add_img.png" />

						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--上传头像插件-->
		<script src="__PUBLIC__/static/personal/business_control/js/amazeui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/personal/business_control/js/custom_up_img.js" type="text/javascript" charset="utf-8"></script>

		<script src="__PUBLIC__/static/personal/business_control/js/cropper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/personal/business_control/js/business_control.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/static/common/js/datepicker.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				var nowTemp = new Date();
				var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
				var checkin = $('#business1').fdatepicker({

				}).on('changeDate', function(ev) {
					if(ev.date.valueOf() > checkout.date.valueOf()) {
						var newDate = new Date(ev.date)
						newDate.setDate(newDate.getDate() + 1);
						checkout.update(newDate);
					}
					checkin.hide();
					$('#business2')[0].focus();
				}).data('datepicker');
				var checkout = $('#business2').fdatepicker({
					onRender: function(date) {
						return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
					}
				}).on('changeDate', function(ev) {
					checkout.hide();
				}).data('datepicker');

				var myDate = new Date();
				var year = myDate.getFullYear();
				var month = myDate.getMonth() + 1;
				var date = myDate.getDate();
				var now = year + "-" + month + "-" + date;
				var hist_now = year + "-" + month + "-1";
				console.log(hist_now)
				$("#business1").val(hist_now);
				$("#business2").val(now);

			})
		</script>
	</body>

</html>
</body>

</html>